<template>
  <div class="rules">
    <article>
      <section>
        <h4><span></span>游戏背景</h4>
        <p>葡萄庄园历经多年研究，引进新的嫁接技术，嫁接出的“阳光玫瑰”葡萄，结合了玫瑰、蜜桃、甜杏的香味，甘甜味美，口感丰厚，生食、酿酒皆是不错的选择，市场呼声很高！也因此吸引了大批贸易商和投机者的关注。</p>
      </section>
      <section>
        <h4><span></span>游戏时间</h4>
        <p>8月18日14:15—16:15，预计耗时120分钟。</p>
      </section>
      <section>
        <h4><span></span>游戏规则</h4>
        <p>① 初始资金（本金）：100万元（游戏货币）</p>
        <p>② 新增资金：由小朋友参加游戏获取——每轮游戏的前三名，分别可获得10万、5万、3万的游戏币。每2轮游戏结算一次，由系统自动充入家庭账户。</p>
        <p>③ 家长们作为贸易商，依据游戏界面实时推送的资讯对葡萄价格走势进行判断，并投资，赚取葡萄涨跌中的价差。（具体规则：每隔10分钟报价一次，根据报价前的资讯选择买卖和下单手数，下单价格为前一个报价，报价后系统自动按最新价格结算）</p>
        <p>④ 葡萄合约设置：按手数进行购买，10吨/手。</p>
        <p>⑤ 游戏结束后结算家庭账户总收益。本次活动设置一等奖1名，二等奖2名，三等奖3名，参与奖10名。</p>
      </section>
      <section>
        <h4><span></span>名词释义</h4>
        <p class="text-primary" style="margin-bottom: 10px; font-weight: 500;">下单界面：</p>
        <p><span class="text-primary">买：</span>以当前最新价格买入葡萄合约。如原来持有卖出方向的          持仓，则将原持仓按当前最新价了结，再做买入。</p>
        <p><span class="text-primary">卖：</span>以当前最新价格卖出葡萄合约。如原来持有买入方向的持仓，则将原持仓按当前最新价了结，再做卖出。</p>
        <p><span class="text-primary">平：</span>以当前最新价格把原有持仓了结。如原来持有买仓，那么卖出；如原来持有卖仓，那么买入。</p>
        <p><span class="text-primary">手数：</span>想要买卖的数量，1手=10吨。</p>
        <p><span class="text-primary">最新价：</span>当前一吨葡萄的最新价格。</p>
        <p><span class="text-primary">持仓方向：</span>多-买进；空-卖出</p>
        <p><span class="text-primary">持仓手数：</span>多为正，空为负。</p>
        <p><span class="text-primary">累计盈亏：</span>∑（最新价-上一价格）×手数×10吨</p>
        <div>
          <el-button type="primary" @click="$router.go(-1)" style="width: 100%;background-color: #D3411D; border: none;margin-top: 15px;">返回交易大厅</el-button>
        </div>
      </section>
    </article>
  </div>
</template>

<script>
export default {
  name: 'Rules',
  data () {
    return {
      activeNames: ['1', '2', '3', '4']
    }
  },
  methods: {
    handleChange (val) {
      console.log(val)
    }
  }
}
</script>

<style>
.rules{
  height: 100%;
  overflow-y: scroll;
}
section{
  margin-bottom: 10px;
  background-color: #ffffff;
  padding: 0 30px 30px;
}
h4 {
  font-weight: 400;
  font-size: 24px;
  color: #333333;
  letter-spacing: 0;
  padding: 20px 0;
  margin: 0;
}
h4 span{
  display: inline-block;
  width: 4px;
  height: 18px;
  background-color: #D3411D;
  margin-right: 13px;
}
h4 span:last-child(){
  margin-bottom: 0;
}
p{
  font-size: 16px;
  margin: 0;
}
.text-primary {
  color: #D3411D;
}
</style>
